<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
	<th:block th:include="include :: header('修改推送配置信息')" />
	<th:block th:include="include :: summernote-css" />
</head>

<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-detooa-edit" th:object="${deToOaConfig}">
			<input name="configId" th:field="*{configId}" type="hidden">
			<input name="resourceId" th:field="*{resourceId}" type="hidden">
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">仪表板名称：</label>
				<div class="col-sm-8">
					<input name="resourceName" th:field="*{resourceName}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">接收人工号：</label>
				<div class="col-sm-8">
					<input name="loginIdList" th:field="*{loginIdList}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">推送标题：</label>
				<div class="col-sm-8">
					<input name="title" th:field="*{title}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">推送模版内容：</label>
				<div class="col-sm-8">
					<textarea name="context" class="form-control" required style="height: 150px;">[[*{context}]]</textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">是否启用：</label>
				<div class="col-sm-8">
					<div class="radio-box" th:each="dict : ${@dict.getType('sys_yes_no')}">
						<input type="radio" th:id="${'status_' + dict.dictCode}" name="status" th:value="${dict.dictValue}" th:field="*{status}" required>
						<label th:for="${'status_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
					</div>
				</div>
			</div>
		</form>
	</div>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: summernote-js" />
	<script th:inline="javascript">
		var prefix = ctx + "detooa/detooa";
		$("#form-detooa-edit").validate({
			focusCleanup: true
		});

		function submitHandler() {
			if ($.validate.form()) {
				$.operate.save(prefix + "/edit", $('#form-detooa-edit').serialize());
			}
		}

		$(function () {
			$('.summernote').each(function (i) {
				$('#' + this.id).summernote({
					lang: 'zh-CN',
					dialogsInBody: true,
					callbacks: {
						onChange: function (contents, $edittable) {
							$("input[name='" + this.id + "']").val(contents);
						},
						onImageUpload: function (files) {
							var obj = this;
							var data = new FormData();
							data.append("file", files[0]);
							$.ajax({
								type: "post",
								url: ctx + "common/upload",
								data: data,
								cache: false,
								contentType: false,
								processData: false,
								dataType: 'json',
								success: function (result) {
									if (result.code == web_status.SUCCESS) {
										$('#' + obj.id).summernote('insertImage', result.url);
									} else {
										$.modal.alertError(result.msg);
									}
								},
								error: function (error) {
									$.modal.alertWarning("图片上传失败。");
								}
							});
						}
					}
				});
				var content = $("input[name='" + this.id + "']").val();
				$('#' + this.id).summernote('code', content);
			})
		});
	</script>
</body>

</html>